<template>
  <div>
    <h1>{{ msg }}</h1>

  </div>
</template>

<script>
  /*
    要进行异步请求：
      使用axios
      1、安装 npm i axios
      2、引入  import axios from 'axios'
      3、使用
        axios.请求方式(请求url,请求参数)
          .then((res)=>{  //成功   res中data属性才是我们返回的ResultBean
            console.log(res);
          }).catch((ex)=>{   //异常处理

        })
        注意给服务端加入跨域请求的配置类
      4、作业：按照以上搭建脚手架的方法  在脚手架项目中开发Student.vue   使用axios尝试完成crud操作
   */
import axios from 'axios'
export default {
  name: 'Student',
  data () {
    return {
      msg: '学生信息表'
    }
  },
  mounted() {

    //发起一个网络请求
    axios.get('http://localhost:8080/stu/all')
      .then((res)=>{
        console.log(res);
      }).catch((ex)=>{

    })

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
